/**
 * mixin 函数集合
 *
 * @author leon
 * @create 2018-08-16 16:43:55
 */

/**
 * 根据设计需求，字体的大小 + 8 等于字体的行高
 * $px {Number} 字体大小
 */
@mixin pxAndLh ($px) {
    font-size: $px + px;
    line-height: ($px + 8) + px;
}


/**
 * 计算 flex 的flex属性 包含3个属性
 * 1.flex-grow 属性定义项目的放大比例，默认为0，即如果存在剩余空间，也不放大。
 * 2.flex-shrink属性定义了项目的缩小比例，默认为1，即如果空间不足，该项目将缩小。
 * 3.flex-basis 属性定义了在分配多余空间之前，项目占据的主轴空间（main size。它的默认值为auto，即项目的本来大小。
 */
@mixin flexRow ($flexRowNum) {
    @if $flexRowNum {
        flex: 1 0 100% / $flexRowNum;
    }
}
